body{background: #ddd;}
.btn{
	display: inline-block;padding: .5em 1em;background: #0896E8;color:#fff;
	border:1px solid #03669F;box-shadow: 0 0 2px #333,inset 0 1px 1px #A6DCFB;
	border-radius: .3em;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.1),rgba(0,0,0,.2));
}
.btn2{
	display: inline-block;padding: .5em 1em;background: #148F00;color:#fff;
	border:1px solid #03669F;box-shadow: 0 0 2px #333,inset 0 1px 1px #C6FABE;
	border-radius: .3em;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.1),rgba(0,0,0,.2));
}
.hand{cursor: pointer;}
.bdd{border:1px solid #ddd;}
.p5{padding: 5px;}
.p10{padding: 10px;}

.red{color:#D0004E;}
.green{color:#148F00;}
.purple{color:#AB0195;}
.blue{color:#0366D5;}
.white{color:#fff;}
.bggray{background: gray;}
.bgwhite{background: #fff;}
.b{font-weight: 700;}


.abs{position: absolute;}
.t100{top:100px;}
.t200{top:200px;}
.t300{top:300px;}

.bs{box-shadow: 0 0 20px #333;}